<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>030-css的优先级-混合直接选中.html</title>
	<style type="text/css">
		/*
		div p{
			color: red;
		}
		#father{
			color: yellow;
		}
		p.p1{
			color: blue;
		}*/
		p{
			color: red;
		}
		div p{
			color: blue;
		}
		.p1{
			color: yellow;
		}
	</style>
</head>
<body>
	<div id="father">
		<p class="p1">猜猜我的颜色!</p>
	</div>
</body>
</html>